<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Estilos Imágenes</title>
<link rel="stylesheet" href="http://lineadecodigo.com/js/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://lineadecodigo.com/js/bootstrap/css/bootstrap-theme.css">

<style>
body { margin:20px; }
</style>
</head>
<body>
	<h1>Estilos Imágenes</h1>

	<div class="row">

		<div class="col-md-3 col-sm-6">
			<h2>Imagen Normal</h2><img
				src="http://img.aulambra.com/wp-content/uploads/2009/09/casarural.jpg"  />
		</div>
		<div class="col-md-3 col-sm-6">
			<h2>Imagen Redondeada </h2><img
				src="http://img.aulambra.com/wp-content/uploads/2009/09/casarural.jpg"
				class="img-rounded" />
		</div>
		<div class="col-md-3 col-sm-6">
			<h2>Imagen en un Circulo  </h2><img
				src="http://img.aulambra.com/wp-content/uploads/2009/09/casarural.jpg"
				class="img-circle" />
		</div>
		<div class="col-md-3 col-sm-6">
			<h2>Imagen como thumbnail  </h2><img
				src="http://img.aulambra.com/wp-content/uploads/2009/09/casarural.jpg"
				class="img-thumbnail" />
		</div>
	</div>

	<br/><br/>
	<hr>
	Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/bootstrap/imagenes-con-estilo-en-bootstrap/">http://lineadecodigo.com/bootstrap/imagenes-con-estilo-en-bootstrap/</a><br/>
	<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>

	<script src="http://lineadecodigo.com/js/bootstrap/js/bootstrap.js"></script>
	<script src="http://code.jquery.com/jquery.js"></script>
</body>
</html>